.swiper{width: 100%;}

.content{
	max-width: 100%;
overflow: hidden;
}

.device {
  width: 100%;
  position: relative;
}


.device .arrow-left:hover{
	opacity: 0.9;
	filter:alpha(opacity=90);
}

.device .arrow-right {
 	background: url(../images/right.png) 0 0 no-repeat;
 	background-size: 100% 100%;
  position: absolute;
  right:10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 54px;
  z-index: 222;
  opacity: 0.5;
  filter:alpha(opacity=50); 
}

.device .arrow-right:hover{
	opacity: 0.9;
	filter:alpha(opacity=90);
}

.swiper-container {
  width: 100%;
  overflow: hidden;
}

.swiper-slide{float: left;}

.swiper-slide img{width: 100%;}

.content-slide {
	padding: 20px;
	color: #fff;
}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:-25px;
  width: 100%;
}
center img{
		width:70%;
		padding-top: 50px;
		padding-bottom: 50px;
		
	}
.swiper-pagination-switch {
  display: inline-block;
  width:6px;
  height: 6px;
  border-radius: 6px;
  background: #999;
  border: 1px white solid;
  margin: 0 8px;
  cursor: pointer;
  vertical-align: middle;
  transition:all 0.4s;
  -webkit-transform-origin:center center;
}

.swiper-active-switch {
  background: #f2f2f2;
  width:6px;
  height: 6px;
  border: #999 1px solid;
}

.message{
	background:rgb(0,0,0);
	position: absolute;
	z-index: 22;
	bottom: 0;
	height: 35px;
	width: 100%;
	overflow: hidden;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.message p{
	width: 100%;
	text-align: center;
	color: #f2f2f2;
	line-height: 35px;
	position: absolute;
	top: 35px;
	display: none;
}

.swiper_p{
	margin-top: 50px;
	text-indent: 2em;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top: 1px #e8e8e8 solid;
	border-bottom: 1px #e8e8e8 solid;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #2F4F4F;
	font-family:STKaiti,"微软雅黑";
}

.parner{
	margin: 2% auto;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.parner span img{
	width: 4.8%;
	margin:0px 0.7%;
	min-width: 35px;
}

.con{
	width: 31%;
	border-radius: 5px;
	background: #F0F8FF;
	float: left;
	margin: 2% 1.15%;
	overflow: hidden;
	color: #959595;
	text-decoration: none;
	box-shadow: 2px 2px 2px #e3e3e3;
	position: relative;
}
.spread{
	box-shadow: 0 10px 10px -10px;
}
.con2{margin: 2% 3.5%;}

.web{
	width: 100%;
	position: absolute;
	background: rgba(0,0,0,0.4)!important;
	display: none;
	background: rgb(0,0,0);
	filter:alpha(opacity=40);
}

.web_wrap{
	position: absolute;
	margin-top: -30px;
	top:50%;
	left: 50%;
}

.con div ul{
	color: white;
	margin-left: -100%;
}

.con div ul li{text-align: center;}

.web_title{font-size: 32px;}

.web_remark{
	font-family:STSong,"宋体";
	font-size: 1em;
}

.con img{
	width: 100%;
	float: left;
}

.con p{
	clear: both;
	text-align: center;
	line-height: 35px;
	font-family: HUM521L;
	font-size: 0.98em;
	color: #666666;
	white-space:nowrap;
}

@media screen and (max-width: 768px){
.web_wrap{margin-top: -20px;}
.web_title{font-size: 20px;}

.content .con:nth-child(n){
	width: 48%;
	margin-top: 2%;
	margin-left: 4%;
	margin-right: 0;
}

.content .con:nth-child(2n+1){margin-left: 0;}

.device .arrow-left{
	height: 30px;
	width: 10px;
}

.device .arrow-right{
	height: 30px;
	width: 10px;
}

.parner span img{
	margin: 0 6px;
}